<div class="footer">
  <div class="footer-description">made by Liam Cain</div>
  <a href="https://www.buymeacoffee.com/liamcain">
    <img
      src="https://cdn.buymeacoffee.com/buttons/v2/default-violet.png"
      alt="BuyMeACoffee"
      width="100"
    />
  </a>
</div>

<style>
  .footer {
    align-items: center;
    border-top: 1px solid var(--background-modifier-border);
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-top: 24px;
    padding: 16px 0;
    width: 100%;
  }

  .footer-description {
    color: var(--text-muted);
    font-size: 0.8em;
    font-style: italic;
  }
</style>
